//xql 初始化
layui.use(['form','layer','laydate','table'],function(){
	var $ = layui.jquery;
	var form = layui.form;
	var table= layui.table;
	var layer = layui.layer;
	var laydate = layui.laydate;
	var siteDate;
	var tableIns = table.render({
		/* elem: '#list', */
		elem : '#list',
		url : '/school/queryAllSchool',
		//url : '../../json/schoolMagList.json',

		page:true,
		limit:15,
		limits:[15,10,20,30],
		width : 1200,
		height : 670,
		id : "listTable",
		method:'post',
		cols : [[
			{field:'schoolid',title:'学校ID',width:80,align:'center'},
			{field:'schoolname',title:'学校名称',width:150,align:'center'},
			{field:'schooltype',title:'学校类型',width:100,align:'center'},
			{field:'site',title:'学校地址',width:230,align:'center'},
			{field:'contact',title:'联系人',width:120,align:'center'},
			{field:'contacttel',title:'联系人号码',width:120,align:'center'},
			{field:'addtime',title:'添加时间',width:180,align:'center'},		//xql 显示添加学校的时间YYYY-MM-DD
			{field:'wechat',title:'微信',width:120,align:'center'},
			{fixed:"right",title: '操作', toolbar:'#listRowBar',align:"center"}
		]]
		,request: {
		    pageName: 'page' //页码的参数名称，默认：page
		    ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
		}
	});

	$("#search_btn").on("click",function(){
		tableIns.reload({
			page:{
				curr: 1
			},
			where:{
				schoolName: $(".searchVal").val()	//xql 坑 schoolName接口对应的参数值的名称
			},
			url:'/school/queryAllSchoolByschoolName'
		});
		//return false;
	});

	//禁止表单回车提交
	$('form').on('keydown', function (event) {
		if (event.keyCode == 13) return false;
	})

	//删除学校记录
	function deleteInfo(data){
		layer.confirm('你确定要删除学校ID为[' + data.schoolid +']的学校信息吗?',{icon:3,title:'提示'},function(index){
			$.ajax({
				type:"POST",
				url:'/school/delSchool?schoolID='+data.schoolid,
				success:function(res){
					if(res){
						tableIns.reload();
						layer.msg('删除成功',{icon:7,time:800,shade:[0.6,'#000',true]});
					}else{
                        layer.msg('删除失败',{icon:7,time:800,shade:[0.6,'#000',true]});
                    }
				}
			});
			layer.close(index);
		});
	}


	//配置三级联动地址栏插件
	layui.config({
	    base: './mods/'
	    , version: '1.0'
	});

	//三级联动地址栏数据
	layui.use(['layer', 'form', 'layarea'], function () {
	    var layer = layui.layer
	        , form = layui.form
	        , layarea = layui.layarea;

	    layarea.render({
	        elem: '#area-picker',
	        data:{
				province: '',
				city: '',
				county: '',
			},
			change:function(data){
				//alert(data.province);
				//Console.log(res);
				siteDate  = data.province + data.city + data.county;
				//alert(siteDate);
			}

	    });
		
	});

	//xql 操作 添加学校 打开添加的弹出窗
	$(".add_btn").click(function(){
	     mainIndex = layer.open({
	         title : ['添加学校','font-size:18px;text-align:center;color:blue;'],
	         type : 1, //yw 0.默认信息框,1.page,2.iframe,3.加载层,4.tips层
	         content : $("#addDiv"),//xql 调用弹出框
			 //yw ,$("#addDiv"),type:1 | "gatewayAdd.html", type:2
	         //type : 2, //yw 0.默认信息框,1.page,2.iframe,3.加载层,4.tips层
	         //content : "adminMagAdd.html", //yw ,$("#addDiv"),type:1 | "gatewayAdd.html", type:2
	         //closeBtn:0, //yw 0false不显示关闭按钮,1true显示关闭按钮, 默认值
	         area:['650px','550px'],
	         offset:'r',	//xql 弹出框的位置
	     });
	 })


	//yw 3操作 2)新增 (b)提交监听事件--新增记录
	 form.on("submit(doSubmitAdd)",function(){ //有的是function(index,layero)但这里参数没有使用
	 //$("#doSubmitAdd").click(function(index,layero){ //yw 不要用这种底层方式处理事件会绕过表单验证
	     $.ajax({ //yw 也可使用layer的$.post(url,data,function(res){}方法)
	         type:"post",
	         url:"/school/addSchool",
	         data:{
			 schoolid:$("#schoolid").val(),
			 schoolname:$("#schoolname").val(),
			 //$("#schooltype2").val(data.schooltype2);
			 schooltype:$("#schooltype").val(),
			 site:siteDate + $("#address").val(),
			 contact:$("#contact").val(),
			 contacttel:$("#contactTel").val(),
			 wechat:$("#wechat").val()},
	         success:function(res){  //yw res是后端的返回值,有的是int，有的是object;data是前端数据，data与res不能混淆
	             //alert(res);
	             if(res == 1){
	                 tableIns.reload();
	                 layer.msg('新增成功',{icon:7,time:800,shade:[0.6,'#000',true]});
					 layer.closeAll('page'); //yw 关闭新增界面
					 tableIns.reload();
	             }else if(res == 2) {
					 layer.msg('学校id重复，请更换！',{icon:7,time:800,shade:[0.6,'#000',true]});
				 }else{
	                 layer.msg('新增失败',{icon:7,time:800,shade:[0.6,'#000',true]});
	             }
	         }
	     });
	 });





	//监听行工具条的事件
	table.on("tool(list)", function(obj){
	    var   data = obj.data; //获得当前行数据
	    //xql 将当前行记录保存成json格式并赋给curRownDataJson全局变量，给子页adminMagSave.html使用
	    //curRowDataJson = JSON.stringify(data);
	    switch(obj.event){
	        case 'edit':
	            openUpdateLayer(data);
	            break;
	        case 'del':
	            deleteInfo(data);
	            break;
	    };
	});

	//打开修改学校信息界面的弹出层
	function openUpdateLayer(data){
	   mainIndex = layer.open({
	       title : ['修改学校信息','font-size:18px;text-align:center;color:blue;'],
	       type : 1,  //yw 使用这种方式从服务器下载更少数据12kB,处理速度更快47毫秒，提高了并发性
	       content : $("#saveDiv"),
	       // type : 2,  //yw 使用这种方式从服务器下载更多数据116kB，处理速度更慢264毫秒，减少了并发性
	       // content : "adminMagSave.html",
	       area:['650px','550px'], //xql 第一个参数宽，第二个长。
	       offset:'r',
	       success:function(layero,index){ //yw layero是弹出层对象layer object
	            $("#schoolid2").val(data.schoolid);
	            $("#schoolname2").val(data.schoolname);
	            //form.render("select");//yw因为后面有form.render("select");
				$("#schooltype2").val(data.schooltype);
				//$("#schooltype2").selected.val(data.schooltype);
				//$("#schooltype2").siblings("div.layui-form-select").find('dl').find(data.schooltype).click();
	            //$("#schooltype2").find("option[value='data.schooltype']").attr("selected",true);
				form.render();
				$("#address2").val(data.site);
	            $("#contact2").val(data.contact);
	            $("#contactTel2").val(data.contacttel);
	            $("#wechat2").val(data.wechat);
	            //$("#roleId2").append(new Option('其他',3)); //debug
	            form.render("select");//yw 给下拉框赋值要重新渲染一下下拉框或form.render();

	       }
	   });
	}


	//修改并提交监听事件
	form.on("submit(doSubmitSave)",function(){
		$.ajax({
			type:"post",
			url:"/school/saveSchool",
			data:{
			schoolid:$("#schoolid2").val(),
			schoolname:$("#schoolname2").val(),
			schooltype:$("#schooltype2").val(),
			//site:siteDate + $("#address2").val(),
			site: $("#address2").val(),
			contact:$("#contact2").val(),
			contacttel:$("#contactTel2").val(),
			wechat:$("#wechat2").val()},
			success:function(res){
				if(res){
				    tableIns.reload();
				    layer.msg('修改成功',{icon:7,time:800,shade:[0.6,'#000',true]});
				}else{
				    layer.msg('修改失败',{icon:7,time:800,shade:[0.6,'#000',true]});
				}
				layer.closeAll('page'); //yw 关闭新增界面 type=1
			}
		});
	});



	//yw 表单验证
	form.verify({
	    required: [/[\S]+/, "不能为空"],
	    username:[/^[a-zA-Z0-9_-]{4,16}$/,"用户名4-16位字母数字下划线减号"],
	    phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
	    email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
	    url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
	    integer: [/^\d*$/, "只能填写整数"],
	    date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
	    identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"],
	    // 校验两次密码是否一致
	    userPwd: [/(.+){6,12}$/, '密码必须6到12位'],
	    userPwdCheck:function(value){
	        if($('input[name=userPwd]').val() !== value)
	            return '两次密码输入不一致！';
	    },
	    number: function (e) {
	        if (e && isNaN(e))return "只能填写数字"
	    },
	    lenLimit20:function(value){
	        if(value.length>20) return '长度不能超过20个字符';
	    },
	    lenLimit50:function(value){
	        if(value.length>20) return '长度不能超过50个字符';
	    }
	});
});
